<template>
	<view class="container">
		<view class="change-username">
			<u--input placeholder="请输入姓名" border="surround" clearable class="username"></u--input>
			<button type="default" class="btn">保存</button>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.change-username {
		display: flex;
		flex-direction: column;

		.username {

			background: #FFFFFF;
			border: 1rpx solid #EBEEF5;
			margin: 30rpx 30rpx 0 30rpx;
			border-radius: 10rpx;
		}

		.btn {
			margin: 120rpx 30rpx 0 30rpx;
			background: linear-gradient(90deg, #E62129 0%, #BA000A 100%);
			box-shadow: 0rpx 5rpx 15rpx 0rpx rgba(0, 0, 0, 0.05);
			border-radius: 44rpx;
		}
	}
</style>
